<!DOCTYPE html>
<html lang="en">
<head>

    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

    <title>Anmol Cards</title>

    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="author" content="WebsiteApps, Digvijay Mohite">


    <link href="<?php assetH("css/bootstrap.css") ?>" rel="stylesheet">
    <link href="<?php assetH("style.css") ?>" rel="stylesheet">
    <link href="<?php assetH("css/owl-carousel.css") ?>" rel="stylesheet">
    <link href="<?php assetH("css/animate.min.css") ?>" rel="stylesheet">
    <link href="<?php assetH("css/spinner.css") ?>" rel="stylesheet">
    <link href='http://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic' rel='stylesheet'
          type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Lato:400,300,400italic,300italic,700,700italic,900'
          rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Exo:400,300,600,500,400italic,700italic,800,900' rel='stylesheet'
          type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
    <link href="<?php assetH("royalslider/royalslider.css") ?>" rel="stylesheet">
    <link href="<?php assetH("royalslider/skins/default-inverted/rs-default-inverted.css") ?>" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="<?php assetH("rs-plugin/css/settings.css") ?>" media="screen"/>
    <link href="<?php asset("css/bttrlazyloading.min.css") ?>" rel="stylesheet" type="text/css"/>

    <!-- Support for HTML5 -->
    <!--[if lt IE 9]>
    <script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Enable media queries on older bgeneral_rowsers -->
    <!--[if lt IE 9]>
    <script src="<?php assetH(" js/respond.min.js")?>"></script>  <![endif]-->

</head>
<body>

<div class="animationload">
    <div class="loader">Loading...</div>
</div>


<div id="topbar" class="clearfix">
    <div class="container">
        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
            <div class="social-icons">
                <span><a data-toggle="tooltip" data-placement="bottom" title="Facebook" href="#"><i
                            class="fa fa-facebook"></i></a></span>
                <span><a data-toggle="tooltip" data-placement="bottom" title="Google Plus" href="#"><i
                            class="fa fa-google-plus"></i></a></span>
                <span><a data-toggle="tooltip" data-placement="bottom" title="Twitter" href="#"><i
                            class="fa fa-twitter"></i></a></span>
                <span><a data-toggle="tooltip" data-placement="bottom" title="Youtube" href="#"><i
                            class="fa fa-youtube"></i></a></span>
                <span><a data-toggle="tooltip" data-placement="bottom" title="Linkedin" href="#"><i
                            class="fa fa-linkedin"></i></a></span>
                <span><a data-toggle="tooltip" data-placement="bottom" title="Dribbble" href="#"><i
                            class="fa fa-dribbble"></i></a></span>
                <span class="last"><a data-toggle="tooltip" data-placement="bottom" title="Skype" href="#"><i
                            class="fa fa-skype"></i></a></span>
            </div>
            <!-- end social icons -->
        </div>
        <!-- end columns -->
        <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12">
            <div class="topmenu">
                <span class="topbar-login"><i class="fa fa-user"></i> <a
                        href="<?php nav_url("client/login") ?>"><?php if ($user != null) {
                            echo $user;
                        } else {
                            echo "Login / Register";
                        } ?></a></span>
                <span class="topbar-cart"><i class="fa fa-shopping-cart"></i> <a
                        class="header-cart-popup"><?php echo $cart['noOfItems'] ?> item - <i class="fa fa-rupee"></i>
                        &nbsp;<?php echo $cart['totalRupees'] ?></a></span>
            </div>
            <!-- end top menu -->
        </div>
        <!-- end columns -->
    </div>
    <!-- end container -->
</div>
<!-- end topbar -->

<header id="header-style-1">
    <div class="container">
        <nav class="navbar yamm navbar-default">
            <div class="navbar-header">
                <button type="button" data-toggle="collapse" data-target="#navbar-collapse-1" class="navbar-toggle">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a href="index.html" class="navbar-brand"></a>
            </div>
            <!-- end navbar-header -->

            <div id="navbar-collapse-1" class="navbar-collapse collapse navbar-right">
                <ul class="nav navbar-nav">
                    <li><a href="<?php echo base_url() ?>">Home</a></li>
                    <li><a href="<?php nav_url("about"); ?>">About</a></li>
                    <li class="dropdown yamm-fw"><a href="#" data-toggle="dropdown" class="dropdown-toggle">Product
                            Gallery
                            <div class="arrow-up"></div>
                        </a>
                        <ul class="dropdown-menu">
                            <li>
                                <div class="yamm-content">
                                    <div class="row">
                                        <?php
                                        foreach ($categories as $category) {
                                            if ($category->getParent() == null && $category->getNoOfSub() > 0) {
                                                echo "<ul class='col-sm-3'>";
                                                echo "<li><h3>" . $category->getName() . "</h3></li>";
                                                foreach ($categories as $sub) {
                                                    if ($sub->getParent() != null && $sub->getParent()->getId() == $category->getId()) {
                                                        echo "<li><a href='" . nav_url_spl("gallery/item/" . $sub->getId()) . "'>" . $sub->getName() . "</a></li>";
                                                    }
                                                }
                                                echo "</ul>";
                                            }
                                        }
                                        ?>
                                    </div>
                                    <!-- end row -->
                                </div>
                            </li>
                        </ul>
                    </li>
                    <li><a href="<?php nav_url("contact"); ?>">Contact</a></li>
                </ul>
                <!-- end navbar-nav -->
            </div>
            <!-- #navbar-collapse-1 -->
        </nav>
        <!-- end navbar yamm navbar-default -->
    </div>
    <!-- end container -->
</header>
<!-- end header-style-1 -->

<section class="slider-wrapper">

<div class="tp-banner-container">
    <div class="tp-banner">
        <ul><!-- SLIDE  -->
            <li data-transition="fade" data-slotamount="7" data-masterspeed="1500">
                <!-- MAIN IMAGE -->
                <img src="<?php assetH("images/random-banner.jpg") ?>" alt="slidebg1" data-bgfit="cover"
                     data-bgposition="left top" data-bgrepeat="no-repeat">
            </li>
            <li data-transition="fade" data-slotamount="7" data-masterspeed="1500">
                <!-- MAIN IMAGE -->
                <img src="<?php assetH("images/birthday-banner.jpg") ?>" alt="slidebg1" data-bgfit="cover"
                     data-bgposition="left top" data-bgrepeat="no-repeat">
            </li>

            <li data-transition="fade" data-slotamount="7" data-masterspeed="1500">
                <!-- MAIN IMAGE -->
                <img src="<?php assetH("images/wedding-banner.jpg")?>" alt="slidebg1" data-bgfit="cover" data-bgposition="left top"
                     data-bgrepeat="no-repeat">
            </li>
        </ul>
        <div class="tp-bannertimer"></div>
    </div>
</div>

</section>
<!-- end slider-wrapper -->

<section class="white-wrapper">
    <div class="container">
        <div class="messagebox">
            <h2 class="raleway">Welcome to
                <mark style="background-color: #D20000"><span style="color:white">Anmol Cards</span></mark>
                , we have some
                <mark>awesome</mark>
                stuff for you.
            </h2>
            <p class="lead">Hey Everyone! We have some really beautiful and amazing Designs. This can be
                used to describe what you do,<br>
                how you do it, & who you do it for. Don’t Miss the Awesome Stuff</p>
        </div>
        <!-- end messagebox -->

        <div class="clearfix"></div>

        <?php if($systemConfig->getValue() == "true"){ ?>
            <div class="row padding-top">
                <div class="col-sm-8">
                    <div class="entry shop-banner">
                        <div class="title"><h1><?php echo $offers[0]->getDescription(); ?></h1></div>
                        <img src="<?php echo img_url() . $offers[0]->getImage(); ?>" alt="" class="img-responsive">

                        <div class="banner-hover"></div>
                    </div>
                    <div class="entry shop-banner">
                        <div class="title"><h1><?php echo $offers[1]->getDescription(); ?></h1></div>
                        <img src="<?php echo img_url() . $offers[1]->getImage(); ?>" alt="" class="img-responsive">

                        <div class="banner-hover"></div>
                    </div>
                </div>

                <div class="col-sm-4 shop-banner">
                    <div class="entry">
                        <div class="title"><h1><?php echo $offers[2]->getDescription(); ?></h1></div>
                        <img src="<?php echo img_url() . $offers[2]->getImage(); ?>" alt="" class="img-responsive">

                        <div class="banner-hover big"></div>
                    </div>
                </div>
            </div>
        <?php } ?>

        <div class="clearfix"></div>

        <div class="general-title padding-top">
            <h2 class="raleway">Latest Designs</h2>
            <hr>
            <p class="lead">We provide best collections of design for you.</p>

            <div id="product-loader" class="col-md-12">
                <div class="col-md-4"></div>
                <div class="col-md-4" style="text-align: center">
                    <div id="floatingCirclesG" style="display: inline-block; ">
                        <div class="f_circleG" id="frotateG_01">
                        </div>
                        <div class="f_circleG" id="frotateG_02">
                        </div>
                        <div class="f_circleG" id="frotateG_03">
                        </div>
                        <div class="f_circleG" id="frotateG_04">
                        </div>
                        <div class="f_circleG" id="frotateG_05">
                        </div>
                        <div class="f_circleG" id="frotateG_06">
                        </div>
                        <div class="f_circleG" id="frotateG_07">
                        </div>
                        <div class="f_circleG" id="frotateG_08">
                        </div>
                    </div>
                </div>
                <div class="col-md-4"></div>
            </div>
        </div>
        <!-- end general title -->

        <div id="product-grid" class="shop_wrapper padding-top">

        </div>
        <div id="product-template" class="col-lg-3 col-md-3 col-sm-6 col-xs-12" style="display:none">
            <div class="shop_item">
                <div class="entry">
                    <img alt="" class="product-img" style="width:100%;"
                         data-bttrlazyloading-sm-width="255"
                         data-bttrlazyloading-sm-height="253"
                         data-bttrlazyloading-md-width="255"
                         data-bttrlazyloading-md-height="253"
                         data-bttrlazyloading-lg-width="255"
                         data-bttrlazyloading-lg-height="253"/>

                    <div class="magnifier">
                        <div class="buttons">
                            <a class="st btn btn-default product-url" rel="bookmark">Add to Cart</a>
                        </div>
                    </div>
                </div>
                <div class="shop_desc">
                    <div class="shop_title pull-left">
                        <a href="shop-single-sidebar.html"><span class="product-name">Sunlight Collection of 2014</span></a>
                        <span class="cats product-category"></span>
                    </div>
                        	<span class="price pull-right">
                                <i style="color:#D20000;" class="fa fa-inr"></i>
                                <span class="product-price"></span><br/>
                                <span class="product-discount"></span>
							</span>
                </div>
            </div>
        </div>

        <div class="clearfix"></div>

        <div class="buttons padding-top text-center">
            <a href="<?php nav_url("gallery/item") ?>" class="btn btn-primary btn-lg" title="">Shop More</a>
        </div>
    </div>
    <!-- end container -->
</section>
<!-- end white-wrapper -->

<section id="one-parallax" class="parallax" style="background-image: url('<?php assetH("/images/process-bannder.jpg")?>";"
         data-stellar-background-ratio="0.6" data-stellar-vertical-offset="20">
    <div class="overlay">
        <div class="container">
            <div class="general-title">
                <h2>Our Working Process</h2>
                <hr>
            </div>
            <!-- end general title -->

            <div class="custom-services">
                <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12 first">
                    <div class="ch-item">
                        <div class="ch-info-wrap">
                            <div class="ch-info">
                                <div class="ch-info-front">
                                    <i class="fa fa-bookmark fa-4x"></i>

                                    <h3>SELECT DESIGN</h3>
                                </div>
                                <div class="ch-info-back">
                                    <h3>DESIGN</h3>
                                    <p>Select your design from the wide range of product gallery which best suits your needs.</p>
                                </div>
                            </div>
                            <!-- end ch-info -->
                        </div>
                        <!-- end ch-info-wrap -->
                    </div>
                    <!-- end ch-item -->
                </div>
                <!-- end col-sm-3 -->

                <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                    <div class="ch-item">
                        <div class="ch-info-wrap">
                            <div class="ch-info">
                                <div class="ch-info-front">
                                    <i class="fa fa-shopping-cart fa-4x"></i>

                                    <h3>PLACE ORDER</h3>
                                </div>
                                <div class="ch-info-back">
                                    <h3>PLACE ORDER</h3>

                                    <p>Place your order in one of our multiple branches across Miraj,Sangli,& Kolhapur. </p>
                                </div>
                            </div>
                            <!-- end ch-info -->
                        </div>
                        <!-- end ch-info-wrap -->
                    </div>
                    <!-- end ch-item -->
                </div>
                <!-- end col-sm-3 -->

                <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                    <div class="ch-item">
                        <div class="ch-info-wrap">
                            <div class="ch-info">
                                <div class="ch-info-front">
                                    <i class="fa fa-truck fa-4x"></i>

                                    <h3>PICK UP ORDER</h3>
                                </div>
                                <div class="ch-info-back">
                                    <h3>PICK UP ORDER</h3>

                                    <p>Please note we do not deliver products.You have to collect the ordered goods from our branches.
                                    </p>
                                </div>
                            </div>
                            <!-- end ch-info -->
                        </div>
                        <!-- end ch-info-wrap -->
                    </div>
                    <!-- end ch-item -->
                </div>
                <!-- end col-sm-3 -->

                <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12 last">
                    <div class="ch-item">
                        <div class="ch-info-wrap">
                            <div class="ch-info">
                                <div class="ch-info-front">
                                    <i class="fa fa-rupee fa-4x"></i>

                                    <h3>PAYMENT</h3>
                                </div>
                                <div class="ch-info-back">
                                    <h3>PAYMENT</h3>

                                    <p>Payment must be made by cash against delivery of goods from our branch.</p>
                                </div>
                            </div>
                            <!-- end ch-info -->
                        </div>
                        <!-- end ch-info-wrap -->
                    </div>
                    <!-- end ch-item -->
                </div>
                <!-- end col-sm-3 -->
            </div>
            <!-- end row -->

        </div>
        <!-- end container -->
    </div>
    <!-- end overlay -->
</section>
<!-- end transparent-bg -->

<section class="make-bg-full">
    <div class="calloutbox-full-mini">
        <div class="container">
            <div class="messagebox">
                <form action="<?php nav_url("gallery/search") ?>" method="post">
                <div class="col-md-10 col-lg-10">
                    <div class="form-group">
                        <input type="text" name="product-name" class="form-control" placeholder="Enter Code to Search Product" style="border-radius: 5px;"/>
                    </div>
                </div>
                <div class="col-md-2 col-lg-2">
                    <button id="searchProductBtn" class="btn btn-dark btn-lg">Search</button>
                </div>
                </form>
            </div>
        </div>
    </div>
    <!-- end calloutbox -->
</section>
<!-- make bg -->

<footer id="footer-style-1">
    <div class="container">
        <div class="col-lg-8 col-md-8 col-sm-6 col-xs-12">
            <div class="widget">
                <img class="padding-top" src="<?php assetH("images/logo.png") ?>" alt="">
                <p>Wedding is the most important & auspicious occasion of any ones life.It is not only occasion of two souls but weaving together of two families & their culture.
                    Anmol cards is the leading stockist of all types of wedding cards having three decades of experience is situated in the heart of  MIRAJ, SANGLI & KOLHAPUR  City.</p>
                <!-- end social icons -->
            </div>
            <!-- end widget -->
        </div>
        <!-- end columns -->

        <!-- end columns -->
        <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
            <div class="widget">
                <div class="title">
                    <h3>NewsLetter</h3>
                </div>
                <!-- end title -->
                <div class="newsletter_widget">
                    <p>Subscribe to our newsletter to receive news, updates, free stuff and new releases by email. We
                        don't do spam..</p>

                    <form action="#" class="newsletter_form">
                        <input type="text" id="subscribe-email" class="form-control" placeholder="Enter your email address">
                        <a href="#" class="btn btn-primary pull-right subscribe">Subscribe</a>
                    </form>
                    <!-- end newsletter form -->
                </div>
            </div>
            <!-- end widget -->
        </div>
        <!-- end columns -->
    </div>
    <!-- end container -->
</footer>
<!-- end #footer-style-1 -->

<div id="copyrights">
    <div class="container">
        <div class="col-lg-5 col-md-6 col-sm-12">
            <div class="copyright-text">
                <p>Copyright © <?php date_default_timezone_set("Asia/Calcutta");
                    echo date('Y'); ?> - Powered by <a href="http://www.websiteapps.in/">WebsiteApps</a> & <a
                        href="http://www.avisgraphics.co.in/"> Avis Graphics</a></p>
            </div>
            <!-- end copyright-text -->
        </div>
        <!-- end widget -->
        <div class="col-lg-7 col-md-6 col-sm-12 clearfix">
            <div class="footer-menu">
                <ul class="menu">
                    <li class="active"><a class="header-cart-popup" href="#">Terms & Conditions</a></li>
                    <li><a href="<?php nav_url("about"); ?>">About us</a></li>
                    <li><a href="<?php nav_url("contact"); ?>">Contact</a></li>
                </ul>
            </div>
        </div>
        <!-- end large-7 -->
    </div>
    <!-- end container -->
</div>
<!-- end copyrights -->

<div class="dmtop">Scroll to Top</div>

<!-- Main Scripts-->
<script src="<?php assetH("js/jquery.js") ?>"></script>
<script src="<?php assetH("js/bootstrap.min.js") ?>"></script>
<script src="<?php assetH("js/menu.js") ?>"></script>
<script src="<?php asset("validator/jquery.form-validator.min.js") ?>"></script>
<script src="<?php assetH("js/owl.carousel.min.js") ?>"></script>
<script src="<?php assetH("js/jquery.parallax-1.1.3.js") ?>"></script>
<script src="<?php assetH("js/jquery.simple-text-rotator.js") ?>"></script>
<script src="<?php assetH("js/wow.min.js") ?>"></script>
<script src="<?php assetH("js/custom.js") ?>"></script>
<script src="<?php asset("js/jquery.form.js") ?>" type="text/javascript"></script>
<script src="<?php asset("dist/spin.min.js") ?>"></script>
<script src="<?php asset("dist/ladda.min.js") ?>"></script>

<script src="<?php assetH("js/jquery.isotope.min.js") ?>"></script>
<script src="<?php assetH("js/custom-portfolio.js") ?>"></script>
<!-- SLIDER REVOLUTION 4.x SCRIPTS  -->
<script type="text/javascript" src="<?php assetH("rs-plugin/js/jquery.themepunch.plugins.min.js") ?>"></script>
<script type="text/javascript" src="<?php assetH("rs-plugin/js/jquery.themepunch.revolution.min.js") ?>"></script>
<script src="<?php asset("js/jquery.bttrlazyloading.min.js") ?>"></script>
<script type="text/javascript">
    var revapi;
    jQuery(document).ready(function () {
        revapi = jQuery('.tp-banner').revolution(
            {
                delay: 9000,
                startwidth: 1170,
                startheight: 500,
                hideThumbs: 10,
                fullWidth: "on",
                forceFullWidth: "on"
            });
    });	//ready
</script>

<!-- Royal Slider script files -->
<script src="<?php assetH("royalslider/jquery.easing-1.3.js") ?>"></script>
<script src="<?php assetH("royalslider/jquery.royalslider.min.js") ?>"></script>
<script>
    jQuery(document).ready(function ($) {
        var rsi = $('#slider-in-laptop').royalSlider({
            autoHeight: false,
            arrowsNav: false,
            fadeinLoadedSlide: false,
            controlNavigationSpacing: 0,
            controlNavigation: 'bullets',
            imageScaleMode: 'fill',
            imageAlignCenter: true,
            loop: false,
            loopRewind: false,
            numImagesToPreload: 6,
            keyboardNavEnabled: true,
            autoScaleSlider: true,
            autoScaleSliderWidth: 486,
            autoScaleSliderHeight: 315,

            /* size of all images http://help.dimsemenov.com/kb/royalslider-jquery-plugin-faq/adding-width-and-height-properties-to-images */
            imgWidth: 792,
            imgHeight: 479

        }).data('royalSlider');
        $('#slider-next').click(function () {
            rsi.next();
        });
        $('#slider-prev').click(function () {
            rsi.prev();
        });
    });
</script>
<script>
    var imgUrl = "<?php echo img_url()?>";
    $(document).ready(function () {
        $.get("<?php nav_url("gallery/getRecentProducts") ?>", function (response) {
            if (!response.error) {
                $("#product-loader").fadeOut();
                for (var i = 0; i < response.data.length; i++) {
                    var prod = response.data[i];
                    var product = $("#product-template").clone().css("display", "block");
                    for (var j = 0; j < prod.images.length; j++) {
                        if (prod.images[j].isCover) {
                            $(product).find(".product-img").attr("data-bttrlazyloading-sm-src", imgUrl + prod.images[j].name);
                            break;
                        }
                    }
                    $(product).attr("id", "product-gallery_" + prod.id);
                    $(product).find(".product-name").text(prod.name);
                    $(product).find(".product-category").text(prod.category.name);
                    $(product).find(".product-price").text(prod.price);
                    $(product).find(".product-discount").text(prod.discount + "% Off");
                    $(product).find(".product-url").attr("href", "<?php nav_url("gallery/details/")?>" + prod.id);
                    $(product).hide().appendTo("#product-grid").slideDown("fast");
                    $(product).find(".product-img").bttrlazyloading();
                }
            }
        });
    });
</script>
<?php include('cartpopup.php') ?>
<?php include("cartjs.php") ?>
</body>
</html>